<script setup lang="ts">
import HomeViewHeader from '@/views/HomeViewHeader.vue'
import HomeViewAside from '@/views/HomeViewAside.vue'
import HomeViewMain from '@/views/HomeViewMain.vue'
import { useCounterStore } from '@/stores/index'
import { storeToRefs } from "pinia";

const storeMenu = useCounterStore()
const { menuList, lv2MenuList, navMenuList, navLv2MenuList,lv1Children } = storeToRefs(storeMenu)
onMounted(() => {

});
</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header><HomeViewHeader :mList="menuList"/></el-header>
      <el-container style="overflow: hidden;">
        <el-aside width="auto"><HomeViewAside :mList2="lv1Children"/></el-aside>
        <el-main>
          <HomeViewMain/>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<style lang="scss" scoped>
.common-layout {
  position: relative;
  width: 100vw;
  height: 100vh;
  .el-header {
    height: 80px;
  }
  .el-container {
    height: 100%;
    .el-aside {
      border: 0px solid green;
    }

    .el-main {
      border: 0px solid greenyellow;
    }
  }

}</style>
